<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="referrer" content="never" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" href="css/handOver.css">
		<link rel="stylesheet" href="../../static/components/components.css" />
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;
			}
			
		</style>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">交接班</h1>
			<span class="mui-icon mui-icon-right-nav mui-pull-right right-titleicon">
				+
			</span>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div class="top">
				<transition name="fade">
					<div class="drop-menulist" v-if="showMenu">
						<div @click="menuClick(item)" v-for="(item,index) in menuList" :key="index">
							{{item.name}}
							<img v-if="item.name=='我值班' && onStatus" src="../../../../img/bottom-icon1-.png" class="icon-onwork" alt="">
						</div>
					</div>
				</transition>
			</div>

			<div class="mui-content" id="content">
				<div class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div>
						<div class="color-blue" id="part-title">交接记录</div>
					</div>
					<div class="flex-row">
						<div class="flex-between" style="margin-top: 15px;">
							<div class="mr-5">交班人</div>
							{{changeShift.offGoingStaffCodeName}}
						</div>
						<div class="flex-row" style="margin-top: 15px;">
							<div class="form_label">交班时间</div>
							{{changeShift.offGoingTime}}
						</div>
					</div>
					<div class="flex-row" style="margin-top: 15px;">
						<span style="color: red;">*</span><div class="mr-5">接班人</div>
						<personselect :disabled="!isEdit" style="width:40vw;" :issingle="true" ref="onComing"></personselect>
					</div>
						<div class="flex-row" style="margin-top: 15px;">
							<span style="color: red;">*</span><div class="mr-5">接班组成员</div>
							<personselect :disabled="!isEdit" :issingle="isSingle" ref="onComingClass" style="width:40vw;"></personselect>
						</div>
						<div class="flex-row" style="margin-top: 15px;margin-left: 5px;">
							<span style="color: red;">*</span><div class="mr-5">交班组成员</div>
							<personselect :disabled="!isEdit" :issingle="isSingle" ref="onGoingClass" style="width:40vw;"></personselect>
						</div>

					<hr size="1" class="hr-line" />

					<ul class="mui-table-view">
						<!--class="mui-table-view-cell mui-collapse"-->
						<li >
							<!--class="mui-navigate-right"-->
							<a href="#">电量完成情况</a>
							<div class="mui-collapse-content">
								<div class="flex-row mt-10">
									<span style="color: red;">*</span><div class="left-label">本班上网电量(万kWh)</div>
									<input :disabled="!isEdit" v-model="changeShift.yesterdayEnergy" maxlength="60" placeholder="请输入昨日上网电量(万kWh)"
									 class="ipt" />
								</div>
								<div class="flex-row mt-10">
									<span style="color: red;">*</span><div class="left-label">本班平均风速/累计	辐照</div>
									<input :disabled="!isEdit" v-model="changeShift.aveWindSun" maxlength="60" placeholder="请输入昨日平均风速/辐照" class="ipt" />
								</div>
								<div class="flex-row mt-10">
									<span style="color: red;">*</span><div class="left-label">月累计上网电量(万kWh)</div>
									<input :disabled="!isEdit" v-model="changeShift.monthEnergy" maxlength="60" placeholder="请输入月累计上网电量(万kWh)"
									 class="ipt" />
								</div>
								<div class="flex-row mt-10">
									<span style="color: red;">*</span><div class="left-label">年累计上网电量(万kWh)</div>
									<input :disabled="!isEdit" v-model="changeShift.yearEnergy" maxlength="60" placeholder="请输入年累计上网电量(万kWh)"
									 class="ipt" />
								</div>
						</li>
					</ul>

					<hr size="1" class="hr-line" />

					<ul class="mui-table-view">
						<li >
							<a href="#">两票执行情况</a>
							<div class="mui-collapse-content">
								<div class="flex-row mt-10">
									<span style="color: red;">*</span><div class="mr-5">许可</div><input :disabled="!isEdit" v-model="changeShift.allowCount" maxlength="60"
									 placeholder="请输入许可" class="ipt" style="width: 30vw;" style="margin-right: 5px !important;"/>
									<span style="color: red;">*</span><div  class="mr-5">收回</div><input :disabled="!isEdit" v-model="changeShift.backCount"
									 maxlength="60" placeholder="请输入收回" class="ipt" style="width: 30vw;" />
								</div>
								<div class="flex-row mt-10">
									<span style="color: red;">*</span><div class="mr-5">终结</div><input :disabled="!isEdit" v-model="changeShift.endCount" maxlength="60" placeholder="请输入终结"
									 class="ipt" style="width: 30vw;" />
								</div>
								<div class="flex-row mt-10">
									<span style="color: red;">*</span><div style="width: 40vw;margin-right: 10px;">执行中的工作票工作现场的安全措施情况</div>
									<div class="flex-row" v-for="(item,indeTextx) in safetySituation">
										<input :disabled="!isEdit" v-model="changeShift.safetyMeasureState" type="radio" :value="item.itemValue" name="safeValue"
										 style="margin-right: 5px;width: 15px;" />
										<label>{{item.itemText}}</label>
									</div>
									<!-- <div class="flex-row" style="margin-left: 10px;">
										<input v-model="changeShift.safetyMeasureState" type="radio" value="1" name="safeValue" style="margin-right: 5px;width: 15px;" />
										<label>异常</label>
									</div> -->
								</div>
							</div>
						</li>
					</ul>


					<hr size="1" class="hr-line" />
					
					<ul class="mui-table-view">
						<li>
							<a href="#">巡视完成情况</a>
							<div class="mui-collapse-content">
								<div class="mt-10 flex-row">
									<span style="color: red;">*</span><div>巡视次数</div>
									<input :disabled="!isEdit" type="" v-model="changeShift.patrolTime" placeholder="请输入巡视次数" class="ipt" style="width: 35vw;margin-left: 10px;" >
								</div>
										
									</div>
							
								
						</li>
					</ul>
					<hr size="1" class="hr-line" />
					
					
					<ul class="mui-table-view">
						<li>
							<a  href="#">升压站情况</a>
							<div class="mui-collapse-content">
								<!-- <div style="padding-right:10px;">
									<div>升压站设备巡视</div>
									<div class="flex-row mt-10" v-for="(item,indeTextx) in equipmentPatrol">
										<input :disabled="!isEdit" type="checkbox" v-model="changeShift.boosterStationDevicePatrolArr" :value="item.itemValue">
										<div>{{item.itemText}}</div>
									</div>
								</div> -->
								<div class="mt-10">
									<div class="flex-row">
									<span style="color: red;">*</span><div>升压站运行方式变化情况</div>
									</div>
									<div class="flex-row">
										<!-- <div class="flex-row">
											<input type="radio" v-model="changeShift.boosterStationRunChange" style="width: 15px;" value="1" name="changeValue" />
											<label>变化</label>
										</div> -->
										<div class="flex-row" v-for="(item,indeTextx) in boosterChange">
											<input :disabled="!isEdit" type="radio" v-model="changeShift.boosterStationRunChange" style="width: 15px;"
											 :value="item.itemValue">
											<div>{{item.itemText}}</div>
										</div>
										<!-- <div class="flex-row" style="margin-left: 20px;">
											<input type="radio" v-model="changeShift.boosterStationRunChange" style="width: 15px;" value="2" name="changeValue" />
											<label>无变化</label>
										</div> -->
									</div>
								</div>
								<div class="mt-10" style="position: relative;">
									<div>备注</div>
									<textarea :disabled="!isEdit" v-model="changeShift.boosterStationRemarks" maxlength="300">
								</textarea>
									<div class="area_num">已输入{{changeShift.boosterStationRemarks.length}}字/300字</div>
								</div>
						</li>
					</ul>
					<hr size="1" class="hr-line" />

					<ul class="mui-table-view">
						<li >
							<a href="#">其他设施情况</a>
							<div class="mui-collapse-content">
								<div>
									<div class="flex-row mt-10">
										<span style="color: red;">*</span><div class="left-label">风机或逆变器运行台数</div>
										<input :disabled="!isEdit" maxlength="60" v-model="changeShift.fanInverterRunCount" placeholder="请输入运行台数"
										 class="ipt" />
									</div>
									<div class="flex-row mt-10">
										<span style="color: red;">*</span><div class="left-label">风机或逆变器故障台数</div>
										<input :disabled="!isEdit" maxlength="60" v-model="changeShift.fanInverterFaultCount" placeholder="请输入故障台数"
										 class="ipt" />
									</div>
									<div v-if="isEdit" class="flex-row mt-10">
										<div class="left-label">故障风机或逆变器编号</div>
										<input :disabled="!isEdit" maxlength="60" v-model="changeShift.fanInverterFaultCode" placeholder="请输入故障风机或逆变器编号"
										 class="ipt" />
									</div>
									<div v-if="!isEdit" class="flex-row mt-10">
										<div class="left-label">故障风机或逆变器编号</div>
										<input :disabled="true" maxlength="60" v-model="changeShift.fanInverterFaultCode" placeholder="" class="ipt" />
									</div>
									<div class="flex-row mt-10">
										 <span style="color: red;">*</span><div class="left-label">使用中的接地线及装设地点</div>
										<input :disabled="!isEdit" maxlength="60" v-model="changeShift.usingGroundWireAndAddr" placeholder="如无使用中的接地线请写'无'"
										 class="ipt" />
									</div>
									<div v-if="isEdit" class="flex-row mt-10">
										<div class="left-label">发现的缺陷情况</div>
										<input :disabled="!isEdit" maxlength="60" v-model="changeShift.defectState" placeholder="请输入何人发现问题" class="ipt" />
									</div>
									<div v-if="!isEdit" class="flex-row mt-10">
										<div class="left-label">发现的缺陷情况</div>
										<input :disabled="!isEdit" maxlength="60" v-model="changeShift.defectState" placeholder="" class="ipt" />
									</div>
									<div class="flex-row">
										<span style="color: red;">*</span><div class="other-lable">钥匙,工器具,书籍是否齐全</div>
										<div class="flex-row" style="margin-left: 10px;" v-for="(item,indeTextx) in toolsComplete">
											<input :disabled="!isEdit" v-model="changeShift.changeShiftInfo.keyToolBookComplete" type="radio" style="width: 15px;"
											 :value="item.itemValue" />
											<label>{{item.itemText}}</label>
										</div>
										<!-- <div class="flex-row" v-for="(item,indeTextx) in boosterChange">
											<input type="radio" v-model="changeShift.boosterStationRunChange" style="width: 15px;" :value="item.itemValue">
											<div>{{item.itemText}}</div>
										</div> -->
										<!-- <div class="flex-row" style="margin-left: 10px;">
											<input type="radio" style="width: 15px;" value="2" name="changeValue" />
											<label>不齐全</label>
										</div> -->
									</div>
									<div v-if="isEdit" class="flex-row">
										<div class="mr-5">备注</div><input :disabled="!isEdit" v-model="changeShift.changeShiftInfo.keyToolBookRemark"
										 maxlength="600" placeholder="请输入备注" style="width: 70vw;" />
									</div>
									<div v-if="!isEdit" class="flex-row">
										<div class="mr-5">备注</div><input :disabled="true" v-model="changeShift.changeShiftInfo.keyToolBookRemark"
										 maxlength="600" placeholder="" style="width: 70vw;" />
									</div>
								</div>

								<div class="mt-10">
									<div class="flex-row">
										<span style="color: red;">*</span><div class="other-lable">运行日志及其它记录完成情况</div>

										<div class="flex-row" style="margin-left: 10px;" v-for="(item,indeTextx) in logState">
											<input :disabled="!isEdit" v-model="changeShift.changeShiftInfo.logState" type="radio" style="width: 15px;"
											 :value="item.itemValue" />
											<label>{{item.itemText}}</label>
										</div>

										<!-- <div class="flex-row" style="margin-left: 10px;">
											<input type="radio" style="width: 15px;" value="2" name="changeValue" />
											<label>完成</label>
										</div>
										<div class="flex-row" style="margin-left: 10px;">
											<input type="radio" style="width: 15px;" value="2" name="changeValue" />
											<label>未完成</label>
										</div> -->
									</div>
									<div v-if="isEdit" class="flex-row">
										<div class="mr-5">备注</div><input :disabled="!isEdit" v-model="changeShift.changeShiftInfo.logRemark"
										 maxlength="600" placeholder="请输入备注" style="width: 70vw;" />
									</div>
									<div v-if="!isEdit" class="flex-row">
										<div class="mr-5">备注</div><input :disabled="true" v-model="changeShift.changeShiftInfo.logRemark" maxlength="600"
										 placeholder="" style="width: 70vw;" />
									</div>
								</div>

								<div class="mt-10">
									<div class="flex-row">
										<span style="color: red;">*</span><div class="other-lable">监控、五防系统、通讯、安防设备等检查情况</div>
										<!-- <div class="flex-row" style="margin-left: 10px;">
											<input type="radio" style="width: 15px;" value="2" name="changeValue" />
											<label>正常</label>
										</div> -->

										<div class="flex-row" style="margin-left: 10px;" v-for="(item,indeTextx) in deviceCheckState">
											<input :disabled="!isEdit" v-model="changeShift.changeShiftInfo.deviceCheckState" type="radio" style="width: 15px;"
											 :value="item.itemValue" />
											<label>{{item.itemText}}</label>
										</div>

										<!-- <div class="flex-row" style="margin-left: 10px;">
											<input type="radio" style="width: 15px;" value="2" name="changeValue" />
											<label>不正常</label>
										</div> -->
									</div>
									<div v-if="isEdit" class="flex-row">
										<div class="mr-5">备注</div><input :disabled="!isEdit" v-model="changeShift.changeShiftInfo.deviceCheckRemark"
										 maxlength="600" placeholder="请输入备注" style="width: 70vw;" />
									</div>
									<div v-if="!isEdit" class="flex-row">
										<div class="mr-5">备注</div><input :disabled="true" v-model="changeShift.changeShiftInfo.deviceCheckRemark"
										 maxlength="600" placeholder="" style="width: 70vw;" />
									</div>
								</div>

								<div class="mt-10">
									<div class="flex-row">
										<span style="color: red;">*</span><div class="other-lable">周期性工作完成情况</div>

										<div class="flex-row" style="margin-left: 10px;" v-for="(item,indeTextx) in regularWorkState">
											<input :disabled="!isEdit" v-model="changeShift.changeShiftInfo.regularWorkState" type="radio" style="width: 15px;"
											 :value="item.itemValue" />
											<label>{{item.itemText}}</label>
										</div>
									</div>
									<div v-if="isEdit" class="flex-row">
										<div class="mr-5">备注</div><input :disabled="!isEdit" v-model="changeShift.changeShiftInfo.regularWorkRemark"
										 maxlength="600" placeholder="请输入备注" style="width: 70vw;" />
									</div>
									<div v-if="!isEdit" class="flex-row">
										<div class="mr-5">备注</div><input :disabled="true" v-model="changeShift.changeShiftInfo.regularWorkRemark"
										 maxlength="600" placeholder="" style="width: 70vw;" />
									</div>
								</div>

								<div class="mt-10">
									<div class="flex-row">
										<span style="color: red;">*</span><div class="other-lable">卫生整理情况</div>

										<div class="flex-row" style="margin-left: 10px;" v-for="(item,indeTextx) in hygieneState">
											<input :disabled="!isEdit" v-model="changeShift.changeShiftInfo.hygieneState" type="radio" style="width: 15px;"
											 :value="item.itemValue" />
											<label>{{item.itemText}}</label>
										</div>

										<!-- <div class="flex-row" style="margin-left: 10px;">
											<input type="radio" style="width: 15px;" value="2" name="changeValue" />
											<label>整理</label>
										</div>
										<div class="flex-row" style="margin-left: 10px;">
											<input type="radio" style="width: 15px;" value="2" name="changeValue" />
											<label>未整理</label>
										</div> -->
									</div>
									<div v-if="isEdit" class="flex-row">
										<div class="mr-5">备注</div><input :disabled="!isEdit" v-model="changeShift.changeShiftInfo.hygieneRemark"
										 placeholder="请输入备注" style="width: 70vw;" />
									</div>
									<div v-if="!isEdit" class="flex-row">
										<div class="mr-5">备注</div><input :disabled="true" v-model="changeShift.changeShiftInfo.hygieneRemark"
										 placeholder="" style="width: 70vw;" />
									</div>
								</div>
								<div v-if="isEdit" class="flex-row mt-10">
									<div class="left-label">其他情况说明</div>
									<input :disabled="!isEdit" maxlength="60" v-model="changeShift.changeShiftInfo.elseState" placeholder="请输入其他情况说明"
									 class="ipt" />
								</div>
								<div v-if="!isEdit" class="flex-row mt-10">
									<div class="left-label">其他情况说明</div>
									<input :disabled="true" maxlength="60" v-model="changeShift.changeShiftInfo.elseState" placeholder="" class="ipt" />
								</div>
								<div class="flex-row mt-10">
									<span style="color: red;">*</span><div class="left-label">上级指令、指示内容和执行情况</div>
									<textarea :disabled="!isEdit" placeholder="请输入上级指令与执行情况" v-model="changeShift.changeShiftInfo.commandtate"
									 maxlength="300">
									</textarea>
									<!-- <input maxlength="60" v-model="changeShift.fanInverterRunCount" placeholder="请输入运行台数" class="ipt" /> -->
								</div>

							</div>
						</li>
					</ul>

					<hr size="1" class="hr-line" />
					<div class="list-head">
						<div>附件</div>
						<button v-if="isEdit" class="submit_btn" @tap="upload">上传</button>
						<button v-else class="submit_btn" style="background-color: #999;">上传</button>
						<hr size="1" class="hr-line" />
						<div v-if="filesList.length>0">
							<div style="margin-bottom: 1vh;" v-for="(item,index) in filesList" class="flex-row">
								<div v-if="filesList.length>0" style="width: 100vw;" class="flex-between">
									<div class="ip-text">
										{{item.fileName}}
									</div>
									<div class="flex-row">
										<button v-if="isEdit" style="background: red;color: white;border: 0;width: 10vw;" class="cancel_btn" @tap="delDown(item)">删除</button>
										<button style="width: 10vw;" class="submit_btn" @tap="downLoad(item)">下载</button>
									</div>
								</div>

							</div>
						</div>
						<div v-else style="text-align: center;">
							暂无数据
						</div>
					</div>
					<div>
						<div>流程日志</div>
						<processlog :processlogid='workId'></processlog>
						<!-- 暂无数据 -->
					</div>

				</div>

				<div class="popup-bg" v-if="showAdd" @click="showAdd = false">
					<div class="add-box" @click.stop="clickStop">
						<div class="flex-row m-10" style="margin-top: 20px;">
							<div class="pop-label">钥匙</div>
							<input class="pop-ipt" />
						</div>
						<div class="flex-row m-10">
							<div class="pop-label">类型</div>
							<input class="pop-ipt" />
						</div>
						<div class="flex-row m-10">
							<div class="pop-label">设备编号</div>
							<input class="pop-ipt" />
						</div>
						<div class="pop-bottom">
							<div>确认</div>
							<div class="color-red" @click="showAdd = false">取消</div>
						</div>
					</div>
				</div>

				<div class="popup-bg" v-if="showSubmit" @click="showSubmit = false">
					<div class="add-box" @click.stop="clickStop">
						<div class="flex-row user-form" style="position: relative;">
							<div style="width: 22vw" class="pop-label">意见描述</div>
							<textarea v-model="approveDes" maxlength="255">
							</textarea>
							<div class="area_num">已输入{{approveDes.length}}字/255字</div>
						</div>

						<div class="pop-bottom">
							<div @click="goBackSubmit" class="color-blue">提交</div>
							<div class="color-red" @click="showSubmit = false">取消</div>
						</div>
					</div>
				</div>
			</div>
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
				<button v-if="isEdit" @tap="save('save')" class="submit_btn">保存</button>
				<button v-if="changeShift.status==32&&currentUser.userId == changeShift.onComingStaffCode&&!changeShift.onComingTime"
				 @click="showSubmit = true" class="submit_btn">退回</button>
				<!-- <button @click="showSubmit = true" class="submit_btn">退回</button> -->
				<button v-if="changeShift.status==32&&currentUser.userId == changeShift.onComingStaffCode&&!changeShift.onComingTime"
				 @tap="save('handle')" class="submit_btn">确认接班</button>
				<button v-if="isEdit" class="submit_btn" @tap="save('submit')">提交</button>
				<button class="cancel_btn" @click="goBack">返回</button>
				<!-- <button class="goBack" @click.stop="showMore">
					<transition name="fade">
						<div class="btn-detail" v-if="showMorebtn">
							<div @click="goBack">返回</div>
						</div>
					</transition>
					更多
				</button> -->
			</div>
		</div>


		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script src="../../static/js/neiosCommon.js"></script>
		<!--公共js页面必需-->
		<script type="text/javascript" src="../../static/js/neiosRequst.js"></script>
		<script src="../../static/components/processLog.js"></script>
		<!--流程日志-->
		<script src="../../static/components/personSelect.js"></script>、
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="../../../../pages/ddms/js/mkeyplus.base.js"></script>
		<script src="../../../../pages/ddms/js/sqlite.js"></script>
		<script src="js/handOver.js"></script>
		<script src="../../static/js/upLoadHelper.js"></script>
	</body>

</html>
